<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS_Exam.html</title>
<style>
.lbl{
	display : inline-block;
	width : 75px;
	text-align : right;
	marigin : 3px;}
</style>
</head>
<body>
<h1 style ='font-size : 50px;'>CSS Example</h1>
<p style = 'border : 5px solid #ff0000; padding : 30px; 
			margin : 20px; width : 300px;'> p tag를 사용한 문단모양</p>
<div style = 'border : 10px dotted #0000ff; padding : 20px;
			  text-align : center; width : 400px;'>div tag를 사용한 문단모양. </div>
<br/>
<br/>
<label class = 'lbl'>성명</label>
<input type = 'text' name = 'mid'><br/>
<label class = 'lbl'>암호</label>
<input type = 'password' name = 'pwd'><br/>
<label class = 'lbl'>닉네임</label>
<input type = 'text' name = 'nickname'><br/>

</body>
</html>